<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的购物车</title>
    <link rel="icon" href="../img/page_icon.png">
    <link rel="stylesheet" href="../css/home_page/header_and_nav.css">
    <link rel="stylesheet" href="../css/shopping_cart/shopping_cart.css">
    <script src="../js/jquery-1.3.2.min.js"></script>
    <script src="../js/home/header_model_js.js"></script>
    <script src="../js/shopping_cart/shopping_cart.js"></script>
</head>
<body>
<header>
    <span class="short_nav"></span>
    <div class="home_icon">
        <a href="../index.jsp" style="text-decoration: none;color: white">C2C</a>
    </div>
    <input type="text" placeholder="Search" name="search" class="nav_search_input">
    <span class="search_icon"></span>
    <span class="user_icon"></span>
    <!--修改为用户名-->
    <span class="login_or_register_string">
        <a href="../login_page.html">登陆</a> ， <a href="../login_page.html">注册</a>
        <!--<a href="page/personal/personal_info.html" class="user_name_a">这是一个用户名这是一个用户名这是一个用户名</a>-->
    </span>
</header>
<div class="short_nav_show">
    <ul>
        <li><a href="../index.jsp">首页</a></li>
        <li><a href="mall_page.html">商城</a></li>
        <li><a href="publish_product.html">发布商品</a></li>
        <li><a href="require_product.html">求购商品</a></li>
        <li><a href="javascript:void(0)">我的购物车</a></li>
        <li><a href="javascript:void(0)">反馈与意见</a></li>
        <li><a href="javascript:void(0)">联系我们</a></li>
    </ul>
</div>
<nav class="my_nav">
    <ul>
        <li><a href="../index.jsp">首页</a></li>
        <li><a href="mall_page.html">商城</a></li>
        <li><a href="publish_product.html">发布商品</a></li>
        <li><a href="require_product.html">求购商品</a></li>
        <li><a href="javascript:void(0)">我的购物车</a></li>
        <li><a href="javascript:void(0)">反馈与意见</a></li>
        <li><a href="javascript:void(0)">联系我们</a></li>
    </ul>
</nav>
<div class="top_content">
    <div class="publish_product_div">
        <div class="shipping_address" id="10001">
            <span class="name_info">谢衣服</span><img src="../img/pencil.jpg" class="pencil_icon"><br/>
            <span class="address_info">广东省广州市白云区钟落潭镇广新路388号</span><br/><br/>
            <span class="phone_info">188****1111</span><br/>
            <span class="is_default">默认地址</span><img src="../img/delete_icon.jpg" class="delete_icon">
        </div>
        <div class="shipping_address" id="10002">
            <span class="name_info">一二三</span><img src="../img/pencil.jpg" class="pencil_icon"><br/>
            <span class="address_info">广东省广州市白云区钟落潭镇广新路388号</span><br/><br/>
            <span class="phone_info">188****1111</span><br/>
            <span class="is_default">默认地址</span><img src="../img/delete_icon.jpg" class="delete_icon">
        </div>
    </div>
    <div class="cart_content">
        <table>
            <tr class="table_head">
                <th colspan="4">商品信息</th>
                <th>商品金额</th>
                <th>商品数量</th>
                <th>总金额</th>
                <th>编辑</th>
            </tr>
            <tr class="table_content">
                <td class="input_checkbox"><input id="1" type="checkbox" checked name="checkbox"></td>
                <td class="show_img">
                    <img src="../img/home/feature_prodects/cont1.jpg"></td>
                <td class="title" colspan="2"><span>这是一个商品</span></td>
                <td class="cost">￥<span>20.00</span>元</td>
                <td class="count"><span class="minus">-</span><span class="number">2</span><span class="add">+</span></td>
                <td class="per_sum">￥<span>40.00</span>元</td>
                <td class="delete_img"><img src="../img/delete_icon.jpg"></td>
            </tr>
            <tr class="table_content">
                <td class="input_checkbox"><input id="2" type="checkbox" checked name="checkbox"></td>
                <td class="show_img">
                    <img src="../img/home/feature_prodects/cont1.jpg"></td>
                <td class="title" colspan="2"><span>这是一个商品</span></td>
                <td class="cost">￥<span class="single_cost">20.00</span>元</td>
                <td class="count"><span class="minus">-</span><span class="number">2</span>
                    <span class="add">+</span></td>
                <td class="per_sum">￥<span class="one_sum_cost">40.00</span>元</td>
                <td class="delete_img"><img src="../img/delete_icon.jpg"></td>
            </tr>
            <tr class="table_content">
                <td class="input_checkbox"><input id="3" type="checkbox" checked name="checkbox"></td>
                <td class="show_img">
                    <img src="../img/home/feature_prodects/cont1.jpg"></td>
                <td class="title" colspan="2"><span>这是一个商品</span></td>
                <td class="cost">￥<span>20.00</span>元</td>
                <td class="count"><span class="minus">-</span><span class="number">2</span><span class="add">+</span></td>
                <td class="per_sum">￥<span>40.00</span>元</td>
                <td class="delete_img"><img src="../img/delete_icon.jpg"></td>
            </tr>
            <tr class="table_content">
                <td class="input_checkbox"><input id="4" type="checkbox" checked name="checkbox"></td>
                <td class="show_img">
                    <img src="../img/home/feature_prodects/cont1.jpg"></td>
                <td class="title" colspan="2"><span>这是一个商品</span></td>
                <td class="cost">￥<span>20.00</span>元</td>
                <td class="count"><span class="minus">-</span><span class="number">2</span><span class="add">+</span></td>
                <td class="per_sum">￥<span>40.00</span>元</td>
                <td class="delete_img"><img src="../img/delete_icon.jpg"></td>
            </tr>
            <tr class="end_pay">
                <td class="is_all"><input id="all" type="checkbox" checked>全选</td>
                <td class="space" colspan="3"></td>
                <td colspan="2" class="all_sum">总价：￥<span>500.00</span>元</td>
                <td colspan="3" class="pay_button_div">
                    <button class="pay_button">结算</button></td>
            </tr>
        </table>
    </div>
    <footer>
        <p>Copyright © 2014.Company name All rights reserved.</p>
    </footer>
</div>
</body>
</html>